<template>
	<view>
		<CustomNavBar @networkChanged="loadD"></CustomNavBar>
		<CustomTabBar :currentPage="currentPage"></CustomTabBar>
		<SystemMessages ref="systemMessages"></SystemMessages>
		<!-- 内容 -->
		<view class="content">
			<view class="top-title">
				<view class="big-title">{{$t('home.characters1')}} {{cointype}} {{$t('home.characters01')}} {{cointype}} {{$t('home.characters001')}}</view>
				<!-- <view class="big-title">{{cointype}}</view> -->
				<view class="medium-title">{{$t('home.characters3')}}</view>
			</view>
			<view class="make-money-box" @click="fetchBalance"><view class="make-money">{{$t('home.characters4')}}</view></view>
			<image class="top-oneimg" src="/static/bigImg/shouji.jpeg"></image>
			<view class="top-title">
				<view class="medium-title">{{$t('home.characters5')}}</view>
			</view>
			<view class="top-twoimg-flex">
				<image class="top-twoimg" mode="widthFix" src="/static/bigImg/zatu.jpeg"></image>
			</view>
			<view class="icon-btn-box">
				<view class="icon-btn" @click="fetchBalance">
					<image class="icon-mony" src="/static/commonImg/mony.png"></image>
					<text class="icon-title">{{$t('home.characters4')}}</text>
				</view>
			</view>
			<view class="work-way">{{$t('home.characters6')}}</view>
			<view class="txt">{{$t('home.characters7')}}</view>
			<view class="workflow">
				<image class="workflow-img" src="/static/xiaotu/zant.png"></image>
				<view>
					<view class="workflow-title">{{$t('home.characters8')}}</view>
					<view>{{$t('home.characters9')}}</view>
				</view>
			</view>
			<view class="workflow">
				<image class="workflow-img" src="/static/xiaotu/baifenbi.png"></image>
				<view>
					<view class="workflow-title">{{$t('home.characters10')}}</view>
					<view>{{$t('home.characters11')}}</view>
				</view>
			</view>
			<view class="workflow">
				<image class="workflow-img" src="/static/xiaotu/dengdai.png"></image>
				<view>
					<view class="workflow-title">{{$t('home.characters12')}}</view>
					<view>{{$t('home.characters13')}}</view>
				</view>
			</view>
			<view class="workflow">
				<image class="workflow-img" src="/static/xiaotu/shenzhi.png"></image>
				<view>
					<view class="workflow-title">{{$t('home.characters14')}}</view>
					<view>{{$t('home.characters15')}}</view>
				</view>
			</view>
			<view class="img-txt-center">
				<image mode="widthFix" class="top-threeimg" src="/static/bigImg/heiren.jpeg"></image>
			</view>
			<view class="remind-txt">{{$t('home.characters16')}}</view>
			<view class="accord-with">{{$t('home.characters17')}}</view>
			<view class="accord-with-txt">{{$t('home.characters18')}}</view>
			<view class="icon-btn-box">
				<view class="icon-btn" @click="fetchBalance">
					<image class="icon-mony" src="/static/commonImg/mony.png"></image>
					<text class="icon-title">{{$t('home.characters4')}}</text>
				</view>
			</view>
			<view class="more">
				<view class="more-title">{{$t('home.characters19')}}</view>
				<view class="more-txt">{{$t('home.characters20')}}</view>
				<view class="foot">
					<view class="foot-btn" @click="skipMinePool">{{$t('home.characters21')}}</view>
				</view>
			</view>
			<!-- 底部小图 -->
			<view class="partners">
				<view class="name">Partners</view>
				<view class="image-container">
					<image v-for="(img, index) in imgList" :key="index" :src="img" mode="widthFix" class="image-item" />
				</view>
			</view>
		   </view>
		</view>
</template>
<script src="./index.js"></script>
<style src="./index.scss" lang="scss"></style>